<template>
	<view>
		<u-navbar :isBack="true" title="入驻说明" title-color="#fff" back-icon-color="#fff"
		:background="{background: '#FF9762'}" :borderBottom="false"></u-navbar>
		<view>
			<image :src="topimg" mode="widthFix" style="width: 100%;"></image>
		</view>
		<view style="margin: 60rpx 32rpx;color: #fff;background: #FFF7E0;
		border-radius: 36rpx;border: solid 1px #fff;padding: 32rpx 24rpx;">

			<view>
				<view style="text-align: center;">
					<view class="slideshow-image" :style="{backgroundImage: 'url(' + rectanglebg + ')'}"
						style="width: 400rpx;height: 68rpx;background-size: cover;padding-top: 14rpx;padding-left: 24rpx;">
						<view style="font-size: 36rpx;font-weight: bold;text-align: center;">入驻权益</view>
					</view>
				</view>
				<view style="color: #fff;background: #FF9762;border-radius: 16rpx;margin-top: -16rpx;">
					<view style="padding: 32rpx 20rpx;">
						我们专业的投资经理与私人财富顾问具有优秀的学历与工作背景，致力于充分了解客户的需求和偏好，
						为客户量身定做专业投资建议，忠实执行并及时跟踪投资计划，与客户建立长期的互信合作关系。
						投资经理与私人财富顾问以客户利益为先导，以了解客户目标为前提，提供一对一定制化服务，
						帮助客户洞察机遇，管理风险。与客户建立长期的互信合作关系。投资经理与私人财富顾问以客户利益为先导，
						以了解客户目标为前提
					</view>
				</view>
			</view>

		</view>
		<view>
			<view class="u-reset-button confirm-btn" @tap="toJump('/pages/merchant/applyprove')">申请加入</view>
			<view class="safe-area-inset-bottom"></view>
		</view>
		<view style="height: 60rpx;"></view>

	</view>
</template>

<script>
	import configApi from 'utils/config.js'
	export default {
		name: "FinanceRegister",
		data() {
			return {
				value: '20',
				topimg: configApi.appurlImg + '/app/Groupbg.png',
				rectanglebg: configApi.appurlImg + '/app/Grouptop.png',
			};
		},
		methods: {
			// 跳转
			toJump(url) {
				console.log(url)
				uni.navigateTo({
					url: url,
				});
			},
		}
	};
</script>

<style>
	page {
		background: #FF9762 !important;
	}
</style>
<style lang="scss" scoped>
	// @import "static/css/public-custom-form.scss";


	.circle {
		display: inline-block;
		/* 行内元素块状化 */
		width: 30px;
		height: 30px;
		font-size: 16px;
		color: #ffffff;
		/* 字体颜色 */
		text-align: center;
		/* 水平居中 */
		line-height: 30px;
		/* 垂直居中 */
		border-radius: 50%;
		/* 圆形 */
		background: #000000;
		/* 背景色，也可以用url()方法引用背景图片 */
	}

	.confirm-btn {
		margin: 32rpx;
		// width: calc(100vw - 64rpx);
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		color: #FC7404;
		background-color: #fff;
		// border-radius: 999px;
		border-radius: 24rpx;

		&:active {
			background-color: lighten(#fff, 10%);
		}
	}

	// .slideshow-image{
	// 	width: calc(100vw - 64rpx);
	// }
</style>